<%@page import="javax.swing.text.Document"%>
<%@page import="java.util.FormatterClosedException"%>
<%@page import="javax.activity.ActivityRequiredException"%>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<jsp:useBean id="sesionSTTI" scope="session" class="stti.model.SesionSTTI"></jsp:useBean>
<jsp:setProperty name="sesionSTTI" property="*" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>PORTAL STRATEGICA TI</title>
        <!-- CSS Files -->
        <link href="css/reset.css" rel="stylesheet" type="text/css" />
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="css/stl.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen" />
        <style type="text/css">
        .sf-sub-indicator {
                behavior: url(css/iepngfix.htc)
        }
        </style>
        <!-- End of CSS Files -->
        <!-- Javascript Files -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="javascript/jquery.cycle.all.js"></script>
        <script type="text/javascript" src="javascript/superfish.js"></script>
        <script type="text/javascript" src="javascript/dd.min.js"></script>
        <script type="text/javascript" charset="utf-8">
        //<![CDATA[

                        $(document).ready(function()
                        {
                                $('#slider').cycle({
                                                fx: 'fade',
                                                speed: 2000,
                                                timeout: 4000
                                });

                                var ie6 = $.browser.msie && /MSIE 6.0/.test(navigator.userAgent);

                                if (!ie6)
                                {
                                        $('ul.sf-menu').superfish({ 
                                                delay:       1000,                            // one second delay on mouseout 
                                                animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
                                                speed:       'normal'                         // faster animation speed 
                                        }); 			
                                }
                                else
                                {
                                        DD_belatedPNG.fix('#topbar, img, a, .commentbubble, .infobubble, .view-all, #category-picture1, #category-picture2, #category-picture3, #footer');
                                }
                        }); 
                        //]]>
                $(window).load(function() {
                    $.get("productos/reportes.jsp", {}, function(data)
                    {
                        document.getElementById("detalle_producto").innerHTML = data;
                    }, "html");
                });
                
                </script>
        <!-- End of Javascript Files -->
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>Detalle de Productos</title>
    </head>
    <body>
        <div id="wrapper">
            <!-- Top bar -->
            <div id="topbar">
                    <!-- Logo -->
                    <img id='test' class="logo" src="images/logo_40h.png" alt="logo" />
                    <!-- Menu -->
                    <div id="secnav">
                            <ul>
                                    <li> <a href="registro.jsp">REGISTRAR</a> </li>
                                    <li class="noimg"> <a href="login.jsp">LOGIN</a> </li>
                            </ul>
                    </div>
                    <div class="menu">
                            <ul class="sf-menu">
                                    <li> <a  class="on" href="index.jsp">INICIO</a></li>
                                    <li> <a href="productos.jsp">PRODUCTOS</a>					
                                    </li>
                                    <%--<li> <a href="portfolio.html">PORTFOLIO</a>
                                            <ul>
                                                    <li><a href="portfolio.html">WEBDESIGN</a></li>
                                                    <li><a href="portfolio.html">PHOTOS</a>
                                                            <ul>
                                                                    <li class="first"><a href="portfolio.html">NATURE</a></li>
                                                                    <li><a href="portfolio.html">ANIMALS</a></li>
                                                                    <li class="last"><a href="portfolio.html">CITIES</a>
                                                                            <ul>
                                                                                    <li class="first"><a href="portfolio.html">NEW YORK</a></li>
                                                                                    <li><a href="portfolio.html">MONTREAL</a></li>
                                                                                    <li class="last"><a href="portfolio.html">LAS VEGAS</a></li>
                                                                            </ul>
                                                                    </li>
                                                            </ul>
                                                    </li>
                                                    <li class="last"><a href="portfolio.html">ARTS</a></li>
                                            </ul>
                                    </li>
                                    <li> <a href="blog.html">BLOG</a>
                                            <ul>
                                                    <li class="first"><a href="blog.html">CATEGORY ONE</a></li>
                                                    <li><a href="blog.html">CATEGORY TWO</a></li>
                                                    <li class="last"><a href="blog.html">CATEGORY THREE</a></li>
                                            </ul>
                                    </li>
                                    <li> <a href="contact.html">CONTACT</a> </li>
                            </ul>--%>
                    </div>
                    <!-- End of Menu -->
            </div>
            <!-- End of Topbar -->
            <div class="separador"></div>
            <!--Menu de Productos -->
            <div>
            <!-- Principal -->
                <table>
                    <tr>
                        <td><!-- Inicio Menu -->
                            <table width="166" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td>
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                                <td width="25" style="background-image:url(images/download.png); background-repeat: no-repeat;" height="22">
                                                    &nbsp;
                                                </td>
                                                <td class="whiteboxhead">
                                                &nbsp;&nbsp;Servicios
                                                </td>
                                                <td width="24" style="background-image:url(images/corner_tr.png); background-repeat: no-repeat;" height="22">
                                                    &nbsp;
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="whitespace">
                                    </td>
                                </tr>
                                <tr> 
                                    <td class="menupad">
                                        <a href="#" class="darkgray" >Reportes</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="whitespace">
                                    </td>
                                </tr>
                                <tr> 
                                    <td class="menupad">
                                        <a href="#" class="darkgray" >Encuestas</a>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="whitespace">
                                    </td>
                                </tr>
                                <tr> 
                                    <td class="menupad">
                                        <a href="#" class="darkgray" >Reglas del Negocio para Atenci&oacute;n de Canal Telef&oacute;nico</a>
                                    </td>
                                </tr>          
                                <tr>
                                    <td class="whitespace">
                                    </td>
                                </tr>
                                <tr> 
                                    <td class="menupad">
                                        <a href="#" class="darkgray" >Monitoreos</a>
                                    </td>
                                </tr>          
                                <tr>
                                    <td class="whitespace">
                                    </td>
                                </tr>
                                <tr> 
                                    <td class="menupad">
                                        <a href="#" class="darkgray" >Grabaciones</a>
                                    </td>
                                </tr>          
                                <tr>
                                    <td class="whitespace">
                                    </td>
                                </tr>
                                <tr> 
                                    <td class="menupad">
                                        <a href="#" class="darkgray" >Comunicaciones Autom&aacute;ticas al Cliente</a>
                                    </td>
                                </tr>          
                                <tr>
                                    <td class="whitespace">
                                    </td>
                                </tr>
                                <tr> 
                                    <td class="menupad">
                                        <a href="#" class="darkgray" >Soporte de Expertos en L&iacute;nea</a>
                                    </td>
                                </tr>          
                                <tr>
                                    <td class="whitespace">
                                    </td>
                                </tr>
                                <tr> 
                                    <td class="menupad">
                                        <a href="#" class="darkgray" >Fila Virtual Call Center</a>
                                    </td>
                                </tr>          
                                <tr>
                                    <td class="whitespace">
                                    </td>
                                </tr>
                                <tr> 
                                    <td class="menupad">
                                        <a href="#" class="darkgray" >Experiencia de Consumo y de Usuario</a>
                                    </td>
                                </tr>          
                                <tr>
                                    <td class="whitespace">
                                    </td>
                                </tr>
                                <tr> 
                                    <td class="menupad">
                                        <a href="#" class="darkgray" >Configuración de Grupos de Atenci&oacute;n</a>
                                    </td>
                                </tr>          
                                <tr>
                                    <td class="whitespace">
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr> 
                                                <td width="25" style="background-image:url(images/support.png); background-repeat: no-repeat;" height="22">
                                                    &nbsp;
                                                </td>
                                                <td class="whiteboxhead">
                                                    &nbsp;&nbsp;Soporte
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr> 
                                    <td class="menupad">
                                        <a href="#" class="darkgray" >¿Consultas?</a>
                                    </td>
                                </tr>          
                                <tr>
                                    <td class="whitespace">
                                    </td>
                                </tr>
                                <tr> 
                                    <td class="menupad">
                                        <a href="#" class="darkgray" >Qui&eacute;nes somos?</a>
                                    </td>
                                </tr>          
                                <tr>
                                    <td class="whitespace">
                                    </td>
                                </tr>        
                                <tr>
                                    <td>
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr> 
                                                <td width="25" style="background-image:url(images/corner_bl.png); background-repeat: no-repeat;" height="14">
                                                    &nbsp;
                                                </td>
                                                <td class="whiteboxhead">
                                                    &nbsp;
                                                </td>
                                                <td width="24" style="background-image:url(images/corner_br.png); background-repeat: no-repeat;" height="14"></td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>                 
                        </td> <!-- Fin Menu -->
                        <td>
                            <div id="detalle_producto" class="detalle_productos">
                                &nbsp;CONTENIDO&nbsp;
                            </div>
                        </td>
                    </tr>
                </table>             
            </div>
            <!--Fin de Productos -->     
            
            <!-- Footer-->
            <div id="footer">
                    <div class="info"> 2012 Strategica    TI |  DESIGNED AND DEVELOPPED BY <a href="http://www.strategicati.cl/">STTI</a> </div>
                    <div class="infonav"> <a href="index.jsp">HOME</a> | <a href="http://www.strategicati.cl/">ACERCA</a> | <a href="mailto:ventas@strategicati.cl">VENTAS</a> <a href="mailto:informaciones@strategicati.cl">INFORMACIONES</a> </div>
            </div>
            <!-- End of footer-->
        </div>
    </body>
</html>
